<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition template="/templatePrincipal.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
    <ui:define name="conteudo">
        <rich:spacer height="20"/>
        <center>
            <rich:messages layout="table"
                           errorClass="errorClass"
                           infoClass="infoClass"
                           warnClass="warnClass"
                           styleClass="painelMensagem"
                           ajaxRendered="true"/>
        </center>
        <rich:spacer height="10"/>
        <table class="dr-table rich-table" width="100%" border="0" cellpadding="0" cellspacing="0">
            <thead class="dr-table-thead">
                <tr class="dr-table-header rich-table-header">
                    <th scope="colgroup" colspan="2" class="dr-table-headercell rich-table-headercell">#{messages.detalhesAtendimento}</th>
                </tr>
            </thead>
            <tr>
                <td class="dr-table-headercell rich-table-headercell dr-table-subheader rich-table-subheader dr-table-subheadercell rich-table-subheadercell colunaEsquerda colunaTamanho250">#{messages.dataAberturaAtendimento}</td>
                <td class="dr-table-cell rich-table-cell ">
                    <h:outputText value="#{atendimentoDetalhaAction.atendimento.dataAbertura}">
                        <f:convertDateTime type="both" pattern="#{messages.dataFormatoPadraoData}" timeZone="#{messages.dataTimeZone}"/>
                    </h:outputText>
                </td>
            </tr>
            <tr>
                <td class="dr-table-headercell rich-table-headercell dr-table-subheader rich-table-subheader dr-table-subheadercell rich-table-subheadercell colunaEsquerda colunaTamanho250">#{messages.dataFechamentoAtendimento}</td>
                <td class="dr-table-cell rich-table-cell ">
                    <h:outputText value="#{atendimentoDetalhaAction.atendimento.dataFechamento}">
                        <f:convertDateTime type="both" pattern="#{messages.dataFormatoPadraoData}" timeZone="#{messages.dataTimeZone}"/>
                    </h:outputText>
                </td>
            </tr>
            <tr>
                <td class="dr-table-headercell rich-table-headercell dr-table-subheader rich-table-subheader dr-table-subheadercell rich-table-subheadercell colunaEsquerda colunaTamanho250">#{messages.statusAtendimento}</td>
                <td class="dr-table-cell rich-table-cell ">#{atendimentoDetalhaAction.atendimento.status}</td>
            </tr>
            <tr>
                <td class="dr-table-headercell rich-table-headercell dr-table-subheader rich-table-subheader dr-table-subheadercell rich-table-subheadercell colunaEsquerda colunaTamanho250">#{messages.usuarioResponsavelAtendimento}</td>
                <td class="dr-table-cell rich-table-cell ">#{atendimentoDetalhaAction.atendimento.usuarioAbertura.login}</td>
            </tr>
            <tr>
                <td class="dr-table-headercell rich-table-headercell dr-table-subheader rich-table-subheader dr-table-subheadercell rich-table-subheadercell colunaEsquerda colunaTamanho250">#{messages.equipamentoChamado}</td>
                <td class="dr-table-cell rich-table-cell ">#{atendimentoDetalhaAction.atendimento.equipamento.identificacao}</td>
            </tr>
            <tr>
                <td class="dr-table-headercell rich-table-headercell dr-table-subheader rich-table-subheader dr-table-subheadercell rich-table-subheadercell colunaEsquerda colunaTamanho250">#{messages.descricaoAtendimento}</td>
                <td class="dr-table-cell rich-table-cell ">#{atendimentoDetalhaAction.atendimento.descricaoAtendimento}</td>
            </tr>
            <tr>
                <td class="dr-table-headercell rich-table-headercell dr-table-subheader rich-table-subheader dr-table-subheadercell rich-table-subheadercell colunaEsquerda colunaTamanho250">#{messages.descricaoDiagnostico}</td>
                <td class="dr-table-cell rich-table-cell ">#{atendimentoDetalhaAction.atendimento.descricaoDiagnostico}</td>
            </tr>
        </table>
        <br/>
        <a4j:form>
            <h:commandLink id="clVoltar"
                           immediate="true"
                           action="atendimentos"
                           styleClass="link dr-toolbar-ext rich-toolbar">
                <h:graphicImage value="/resources/images/edit-undo.png"/>
                <h:outputText value="#{messages.botaoVoltar}" />
            </h:commandLink>
        </a4j:form>
        <br/>
    </ui:define>
</ui:composition>